<template>
  <div>
    <!-- 这是导入Excel，数据批量导入 -->
    <upload-excel :on-success="success" />
    <!-- 这个组件已经是全局组件，已经全局引用了，所以这里就不需要再次引入 -->
    <!-- 全局组件我放在 @/components/UploadExcel/index.vue -->
  </div>
</template>
<script>
import { importEmployee } from '@/api/employees'
export default {
  methods: {

    // header表头 results表体
    async success({ header, results }) {
      console.log(header, results)
      const userRelations = {
        '入职日期': 'timeOfEntry',
        '姓名': 'username',
        '工号': 'workNumber',
        '手机号': 'mobile',
        '转正日期': 'correctionTime'
      }
      const arr = []
      results.forEach(item => {
        const userInfo = {}
        Object.keys(item).forEach(key => {
          userInfo[userRelations[key]] = item[key]
        })
        arr.push(userInfo)
      })
      await importEmployee(arr) // 调批量导入的接口
      this.$message.success('成功导入员工信息')
      this.$router.back()// 后退
    }

  }

}
</script>
